<template>
  <div class="banxin">
    <el-carousel height="400px">
      <el-carousel-item v-for="item in banner" :key="item.id">
        <img :src="'http://localhost:9000/web/'+item.imgSrc" width="100%" alt="">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
    import {BannerApi  } from '../../request/api'
    export default {
        // 组件已经创建出来，在做请求，创建后 created mounted
        // 先请求数据，在渲染页面 组件一般不考虑渲染优先级
        async asyncData(){
            // 使用await来实习同步请求
            let result = await BannerApi()
            if(result.errCode == 0){
                return{
                    banner:result.data
                }
            }
            
        },
        data(){
            return{
                banner:[]
            }
        }
    }
</script>

<style>

</style>